<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <a href="http://www.baidu.com">跳转到百度</a>

  <div>div1</div>
  <div>div2</div>
  <div>div3</div>

  <script>
    // 查找单个元素
    const link = document.querySelector('a')
    console.log(link)

    // 查找多个元素
    //querySelectorAll 返回的是一个伪数组
    // 伪数组没有数组的方法，可以获取数组的长度,也可以通过foreach遍历数组
    const divs = document.querySelectorAll('div')
    console.log(divs)
    console.log(divs[0])

    setTimeout(() => {
      divs[0].innerHTML = '哈哈哈'
    }, 5000)

    setTimeout(() => {
      divs.forEach(item => {
        item.innerHTML = '全部变了'
      })
    }, 10000)

  </script>


</body>

</html>